﻿<!DOCTYPE HTML>
<html lang="zh-CN" xml:lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>对话抗美援朝老兵</title>
<link rel="stylesheet" type="text/css" href="mimax.css"/>
</head>
<body>
<div class="chat">
  <div class="box_bd scroll-wrapper">
    <canvas id="emoji" class="emoji-canvas" width="720" height="1500"></canvas>
    <div class="scroll-content J_scrollContent">
      <div class="chatContent" id="chatContent"> </div>
    </div>
  </div>
  <div class="box_ft close">
    <div class="input-wrapper">
      <p class="J_noticeInput">点击提问</p>
      <img src="http://c1.mifile.cn/f/i/hd/2016051101/input-down.png" alt=""> </div>
    <div class="choice-wrapper J_choiceWrapper">
      <ul class="main-choice J_choice J_mainChoice" data-choice="0">
        <li class="J_liNext li-3" data-target-dialog="1" data-target-choice="1_1"> <a href="javascript:void(0);" onclick="_hmt.push(['_trackEvent','mimaxH5','行军之路']);">行军之路</a> </li>
        <li class="J_liNext li-3" data-target-dialog="2" data-target-choice="1_2"> <a href="javascript:void(0);" onclick="_hmt.push(['_trackEvent','mimaxH5','记忆深刻的事']);">记忆深刻的事</a> </li>
        <!--<li class="J_liNext li-3" data-target-dialog="3">
						<a href="javascript:void(0);" onclick="_hmt.push(['_trackEvent','mimaxH5','最可怕的事']);">最可怕的事</a>
					</li>-->
        
        <li class="J_liNext li-3" data-target-dialog="4" data-target-choice="4"> <a href="javascript:void(0);" onclick="_hmt.push(['_trackEvent','mimaxH5','坚持下来的动力']);">坚持下来的动力</a> </li>
        <br>
        <li class="J_liNext li-3" data-target-dialog="5"> <a href="javascript:void(0);" onclick="_hmt.push(['_trackEvent','mimaxH5','功勋']);">功勋</a> </li>
        <!--<li class="J_liNext li-3" data-target-dialog="6" data-target-choice="4">
						<a href="javascript:void(0);" onclick="_hmt.push(['_trackEvent','mimaxH5','怎么买']);">怎么买</a>
					</li>
					<br>
					<li class="J_liNext li-3" data-target-dialog="7" data-target-choice="7_1">
						<a href="javascript:void(0);" onclick="_hmt.push(['_trackEvent','mimaxH5','我是彩蛋']);">我是彩蛋</a>
					</li>
					<li class="J_liNext li-3" data-target-dialog="8">
						<a href="javascript:void(0);" onclick="_hmt.push(['_trackEvent','mimaxH5','求红包']);">求红包</a>
					</li>-->
        <li class="J_liNext J_finishDialog li-3" data-target-dialog="9" data-continue="false"> <a href="javascript:void(0);" onclick="_hmt.push(['_trackEvent','mimaxH5','不聊了']);">不聊了</a> </li>
      </ul>
    </div>
  </div>
</div>
<!--
<div class="full-pics" id="J_fullPics"> 
  <div class="pic"></div> 
</div>
-->
<audio id="message-push-music" src="audio/bg.mp3" style="opacity:0" preload="auto" controls loop hidden="true"/>
<div class="fullpage-overlay video-overlay J_videoOverlay" width="1" height="1">
  <div class="J_videoWrapper"></div>
  <span class="tips-close J_videoClose"></span> </div>
<div class="fullpage-overlay gallery-overlay J_galleryOverlay" data-gallery="1">
<!--
  <div class="xm-slide J_gallerySlide">
    <div class="xm-slide-scroll">
      <figure> <img data-origin="http://c1.mifile.cn/f/i/hd/2016051101/gallery-02.jpg"> </figure>
      <figure> <img data-origin="http://c1.mifile.cn/f/i/hd/2016051101/gallery-01.jpg"> </figure>
      <figure> <img data-origin="http://c1.mifile.cn/f/i/hd/2016051101/gallery-03.jpg"> </figure>
      <figure> <img data-origin="http://c1.mifile.cn/f/i/hd/2016051101/gallery-04.jpg"> </figure>
      <figure> <img data-origin="http://c1.mifile.cn/f/i/hd/2016051101/gallery-07.jpg"> </figure>
    </div>
  </div>
-->
  <span class="tips-close J_galleryClose"></span> </div>
<script type="text/javascript">
	var me = {
		id: 'me', // 写死的，不用改
		name: '' || '小米的朋友', // 用户昵称
		avatar: '' || 'http://c1.mifile.cn/f/i/hd/2016051101/a-default.png', // 用户头像图片 url
		userId: '', // 用户id
		registered: false // 用户是否已经预约
	};
	var audio=document.getElementsByClassName("message-push-music");
	audio.play();
</script> 
<script id="messageTpl" type="text/x-dot-template">
		  	{{~it :message:index}}
		  	<div class="clearfix">
		  		{{? message.type == 'system'}}
		  		<div class="message">
		  			<p class="message_system">
		  				<span class="content">{{=message.content}}</span>
		  			</p>
		  		</div>
		  		{{??}}

		  		<div class="message {{? message.author.id == 'me'}}me{{??}}others{{?}}">
		  			<div class="avatar" data-author-id="{{=message.author.id}}">
		  				<img src="{{=message.author.avatar}}" alt="{{=message.author.name}}">
		  			</div>
		  			<div class="content">
		  				<p class="author_name">{{=message.author.name}}</p>
		  				{{? message.type == 'plain'}}
		  				<div class="bubble {{? message.author.id == 'me'}} bubble_primary right{{??}} bubble_default left{{?}}">
		  					<div class="bubble_cont">
		  						<div class="{{=message.type}}">
		  							<pre>{{=message.content}}</pre>
		  						</div>
		  					</div>
		  				</div>
		  				{{?? message.type == 'picture'}}
		  				<div class="bubble {{? message.author.id == 'me'}} right{{??}} left{{?}} bubble_image">
		  					<div class="bubble_cont">
		  						<div class="{{=message.type}}">
		  							{{? message.extra == 'gallery'}}
		  							<img class="J_galleryShow" data-gallery="1" src="{{=message.content}}" />
		  							{{??}}
		  							<img class="J_img" src="{{=message.content}}" />
		  							{{?}}
		  						</div>
		  					</div>
		  				</div>
		  				{{?? message.type == 'video'}}
		  				<div class="bubble {{? message.author.id == 'me'}} right{{??}} left{{?}} bubble_image">
		  					<div class="bubble_cont">
		  						<div class="{{=message.type}}">
		  							<img class="J_fpVideo" src="{{=message.content.poster}}" data-src="{{=message.content.video}}" alt="">
		  						</div>
		  					</div>
		  				</div>
		  				{{?? message.type == 'animation'}}
		  				<div class="bubble {{? message.author.id == 'me'}} right{{??}} left{{?}} bubble_image">
		  					<div class="bubble_cont">
		  						<div class="{{=message.type}}">
		  							{{=message.content}}
		  						</div>
		  					</div>
		  				</div>
		  				{{?}}
		  			</div>
		  		</div>
		  		{{?}}

		  	</div>
		  	{{~}}
		  </script> 
<script src="milib.js"></script> 
<script src="slide.js"></script> 
<script src="mimax.js"></script>
</body>
</html>